<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<style>
  * {
    margin: 0;
    padding: 0;
  }

  body {
    background-color: #f5f5f5;
  }

  .img {
    width: 100%;
    height: 500px;
    background-color: pink;
  }

  .img1 {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
  }

  .img2 {
    width: 100%;
    background: #fff;
    margin-top: 0.31rem;
    text-align: center;
    margin-bottom: 20px;
  }

  .img31 {
    width: 230px;
    height: 150px;
  }

  .box {
    margin-left: 250px;
    display: flex;
  }

  span {
    position: absolute;
    font-size: 30px;
    color: #fff;
  }

  .s1 {
    transform: translate(50px, 50px);
  }

  .s2 {
    transform: translate(280px, 50px);
  }

  .s3 {
    transform: translate(510px, 50px);
  }

  .s4 {
    transform: translate(770px, 50px);
  }

  img {
    margin-right: 20px;
  }

  .content-item {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 220px;
  }

  .item-card {
    width: 150px;
    /* 调整宽度 */
    height: 150px;
    /* 调整高度 */
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
    margin-top: 20px;
    /* 调整顶部边距 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    text-decoration: none;
    /* 移除链接下划线 */
    color: #333;
    /* 设置文字颜色 */
  }

  .item-card img {
    width: 80px;
    /* 调整图片宽度 */
    height: 80px;
    /* 调整图片高度 */
  }

  .text {
    font-size: 20px;
    /* 设置文字大小 */
    margin-top: 10px;
    /* 调整文字上边距 */
  }

  .box1 {
    background-color: #fff;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    height: 500px;
  }

  .fw-tszl-cards {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 200px
  }

  .fw-tszl-cards .item-card {
    background-color: #e7f3ff;
    width: 300px;
  }

  .fw-tszl-cards .item-card a {
    color: rgba(0, 0, 0);
    font-size: 26px;
    text-decoration: none;
  }
</style>

<body>
  <div>
    <img src="../assets/9.png" class="img">
    <img src="../assets/fw-title2023.png" class="img1">
    <img src="../assets/fw-theme2023.png" class="img2">
    <div class="box">
      <span class="s1">权责清单</span>
      <img src="../assets/q.png" class="img3">
      <span class="s2">减材料清单</span>
      <img src="../assets/w.png" class="img3">
      <span class="s3">区域内通办清单</span>
      <img src="../assets/e.png" class="img31">
      <span class="s4">收费目录清单</span>
      <img src="../assets/r.png" class="img3">
    </div>
    <div class="content-item">
      <a class="item-card"
        href="https://www.xzzwfw.gov.cn/search.shtml?keyWord=%E9%83%A8%E5%88%86%E5%86%9C%E6%9D%91%E7%B1%8D%E9%80%80%E5%BD%B9%E5%A3%AB%E5%85%B5%E8%80%81%E5%B9%B4%E7%94%9F%E6%B4%BB%E8%A1%A5%E5%8A%A9%E7%9A%84%E5%8F%91%E6%94%BE&amp;siteId=1"
        target="_blank">
        <div class="card-content">
          <img src="../images/mn01.png">
          <div class="text text1">
            个人服务
          </div>
        </div>
      </a>
      <a class="item-card"
        href="https://www.xzzwfw.gov.cn/search.shtml?keyWord=%E5%AF%B9%E5%86%9C%E6%9D%91%E5%B1%85%E6%B0%91%E5%8D%A0%E7%94%A8%E8%80%95%E5%9C%B0%E6%96%B0%E5%BB%BA%E4%BD%8F%E5%AE%85%EF%BC%8C%E6%8C%89%E7%85%A7%E5%BD%93%E5%9C%B0%E9%80%82%E7%94%A8%E7%A8%8E%E9%A2%9D%E5%87%8F%E5%8D%8A%E5%BE%81%E6%94%B6%E8%80%95%E5%9C%B0%E5%8D%A0%E7%94%A8%E7%A8%8E%E4%BC%98%E6%83%A0&amp;siteId=1"
        target="_blank">
        <div class="card-content">
          <img src="../images/mn02.png">
          <div class="text text1">
            法人服务
          </div>
        </div>
      </a>
      <a class="item-card"
        href="https://www.xzzwfw.gov.cn/search.shtml?keyWord=%E9%9D%9E%E4%B8%BB%E8%A6%81%E5%86%9C%E4%BD%9C%E7%89%A9%E5%93%81%E7%A7%8D%E7%99%BB%E8%AE%B0%E5%8F%8A%E6%92%A4%E9%94%80%E7%99%BB%E8%AE%B0&amp;siteId=1"
        target="_blank">
        <div class="card-content">
          <img src="../images/mn03.png">
          <div class="text text1">
            部门服务
          </div>
        </div>
      </a>
      <a class="item-card"
        href="https://www.xzzwfw.gov.cn/search.shtml?siteId=1&amp;indexType=&amp;queryRange=&amp;querySort=&amp;pageNumber=&amp;netUserId=&amp;districtId=00000000000000000000000000000000&amp;districtName=%E8%A5%BF%E8%97%8F%E8%87%AA%E6%B2%BB%E5%8C%BA&amp;searchSiteId=&amp;keyWord=%E5%A9%9A%E8%BF%81%EF%BC%88%E9%9D%9E%E5%86%9C%E4%B8%9A%EF%BC%89&amp;startDate=&amp;endDate="
        target="_blank">
        <div class="card-content">
          <img src="../images/mn04.png">
          <div class="text text1">
            长者服务
          </div>
        </div>
      </a>
      <a class="item-card"
        href="https://www.xzzwfw.gov.cn/search.shtml?keyWord=%E5%A9%9A%E8%BF%81%EF%BC%88%E5%86%9C%E4%B8%9A%EF%BC%89&amp;siteId=1"
        target="_blank">
        <div class="card-content">
          <img src="../images/mn05.png">
          <div class="text text1">
            农牧民服务
          </div>
        </div>
      </a>
      <a class="item-card"
        href="https://www.xzzwfw.gov.cn/search.shtml?keyWord=%E5%86%9C%E6%9D%91%E6%9D%91%E6%B0%91%E5%AE%85%E5%9F%BA%E5%9C%B0%E5%AE%A1%E6%89%B9&amp;siteId=1"
        target="_blank">
        <div class="card-content">
          <img src="../images/mn06.png">
          <div class="text text1">
            医疗卫生
          </div>
        </div>
      </a>
      <a class="item-card"
        href="https://www.xzzwfw.gov.cn/search.shtml?keyWord=%E5%86%9C%E6%9D%91%E9%9B%86%E4%BD%93%E7%BB%8F%E6%B5%8E%E7%BB%84%E7%BB%87%E4%BF%AE%E5%BB%BA%E6%B0%B4%E5%BA%93%E5%AE%A1%E6%89%B9&amp;siteId=1"
        target="_blank">
        <div class="card-content">
          <img src="../images/mn07.png">
          <div class="text text1">
            生育收养
          </div>
        </div>
      </a>
      <a class="item-card"
        href="https://www.xzzwfw.gov.cn/search.shtml?keyWord=%E5%86%9C%E6%9D%91%E5%B1%85%E6%B0%91%E5%8A%9E%E7%90%86%E5%A9%9A%E5%A7%BB%E7%99%BB%E8%AE%B0&amp;siteId=1"
        target="_blank">
        <div class="card-content">
          <img src="../images/mn08.png">
          <div class="text text1">
            证件办理
          </div>
        </div>
      </a>
      <a class="item-card"
        href="https://www.xzzwfw.gov.cn/search.shtml?keyWord=%E5%86%9C%E6%9D%91%E5%B1%85%E6%B0%91%E5%8D%A0%E7%94%A8%E8%80%95%E5%9C%B0%E6%96%B0%E5%BB%BA%E4%BD%8F%E5%AE%85%EF%BC%8C%E6%8C%89%E7%85%A7%E5%BD%93%E5%9C%B0%E9%80%82%E7%94%A8%E7%A8%8E%E9%A2%9D%E5%87%8F%E5%8D%8A%E5%BE%81%E6%94%B6%E8%80%95%E5%9C%B0%E5%8D%A0%E7%94%A8%E7%A8%8E%E4%BC%98%E6%83%A0&amp;siteId=1"
        target="_blank">
        <div class="card-content">
          <img src="../images/mn09.png">
          <div class="text text1">
            创业就业
          </div>
        </div>
      </a>
      <a class="item-card" href="1.html" target="_blank">
        <div class="card-content">
          <img src="../images/mn10.png">
          <div class="text text1">
            税收财务
          </div>
        </div>
      </a>
    </div>
    <div class="box1">
      <img src="../images/fw-tszl-2023.png" class="img3">

      <div class="fw-tszl-cards">
        <div class="item-card">
          <a class="text" href="https://www.xzzwfw.gov.cn/crossProvinceService/index.shtml" target="_blank">
            区域通办
          </a>
        </div>
        <div class="item-card">
          <a class="text" href="http://pay.xzzwfw.gov.cn:8207/" rel="noreferrer" target="_blank">
            统一支付
          </a>
        </div>
        <div class="item-card">
          <a class="text" href="https://www.xzzwfw.gov.cn/sqservice/sqRegisterIndex.shtml?siteId=1" target="_blank">
            一件事一次办
          </a>
        </div>
        <div class="item-card">
          <a class="text" href="https://www.xzzwfw.gov.cn/hotService/index.shtml" target="_blank">
            暖心服务专区
          </a>
        </div>
        <div class="item-card">
          <a class="text" href="http://113.62.176.55:8215/gcjs_wz/" target="_blank">
            工程建设
          </a>
        </div>
        <div class="item-card">
          <a class="text" href="http://113.62.176.55:8202/bdc_wz/" target="_blank">
            不动产登记
          </a>
        </div>
      </div>
    </div>
  </div>
</body>

</html>